/* components/public_pay/public_pay.wxss */
.payPopMask,
.payCancelMask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
    display: none;
}
.payPopMask.showPop,
.payCancelMask.showPop {
    display: block;
}
.payCancelMask {
    z-index: 1003;
}
/* transform: translateY(100%); */
.payPop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 40rpx 40rpx 0 0;
    background: #fff;
    z-index: 1000;
    transition: transform 0.3s ease-in-out;
    min-height: 620rpx;
    transform: translateY(100%);
}
.showPop.payPop,
.showPop.payPwdPop {
    transform: translateY(0%);
}
.payPop.payPhonePop::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 180rpx;
    z-index: -1;
    background-image: linear-gradient(to bottom, #ffeff1 0%, #fff 100%);
    border-radius: 40rpx 40rpx 0 0;
}
.loading{width: 80rpx; height: 80rpx; border-radius: 10rpx;}
.loading image{width: 50rpx; height: 50rpx;}
.payPop .payInfoShow {
    height: 250rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 20rpx;
}
.payPop.payPhonePop .payInfoShow {
    height: 260rpx;
}
.payPop .payInfoShow .h2 {
    font-size: 36rpx;
    color: #000;
    font-weight: bold;
    text-align: center;
}
.pi-title {
    font-size: 30rpx;
    color: #ff6b2b;
    margin-bottom: 30rpx;
}
.payPop .payInfoShow .h2 .b {
    font-size: 64rpx;
    font-family: coregtd6;
}
.payPop .payInfoShow .p {
    color: #666;
    font-size: 26rpx;
}
.payPop .payListBox {
    padding-top: 250rpx;
    max-height: 512rpx;
    overflow: hidden;
    padding-bottom: 150rpx;
}
.payPop.payPhonePop .payListBox {
    padding-top: 260rpx;
}
.payPop .payListBox .ul {
    max-height: 512rpx;
    overflow: auto;
}
.payPop.payPhonePop .payListBox .ul {
    max-height: 430rpx;
}
.payPop .payListBox .li {
    margin: 0 40rpx;
    border-top: solid 1rpx #f5f5f7;
    display: flex;
    align-items: center;
    height: 96rpx;
    color: #151515;
    font-size: 28rpx;
    justify-content: space-between;
}
.payPop .payListBox .li .check-item-img {
    width: 40rpx;
    height: 40rpx;
    margin-right: 13rpx;
}
.payPop .payListBox .li .check-item-img image {
    display: block;
    width: 40rpx;
    height: 40rpx;
    object-fit: cover;
}
.payPop .payListBox .li .left_item {
    display: flex;
    align-items: center;
}
.payPop .payListBox .li .check-item-right,
.payPop .payListBox .li .check-item-disabled {
    position: relative;
    pointer-events: none;
}
.payPop .payListBox .li .check-item-right input[type='radio'],
.payPop .payListBox .li .check-item-disabled input[type='radio'] {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.payPop .payListBox .li .check-item-right .checkbox-icon-round,
.payPop .payListBox .li .check-item-disabled .checkbox-icon-round {
    display: block;
    width: 40rpx;
    height: 40rpx;
    box-sizing: border-box;
    border: solid 2rpx #ddd;
    border-radius: 50%;
}
.payPop .payListBox .li .check-item-right .checkbox-icon-round image,
.payPop .payListBox .li .check-item-disabled .checkbox-icon-round image {
    width: 100%;
    height: 100%;
    display: none;
}
.payPop .payListBox .li.paychosed .check-item-right .checkbox-icon-round {
    border: none;
}
.payPop .payListBox .li.paychosed .check-item-right .checkbox-icon-round image {
    display: block;
}
.payPop .btn_pay {
    position: absolute;
    left: 30rpx;
    right: 30rpx;
    bottom: 40rpx;
    border-radius: 44rpx;
    height: 88rpx;
    background: linear-gradient(-90deg, #f6252f 0%, #ff4621 100%);
    font-size: 32rpx;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 88rpx;
}
.payPop .close_pay_pop {
    position: absolute;
    display: block;
    width: 44rpx;
    height: 44rpx; /*background: url("../../static/pay/close.png") no-repeat center/cover;*/
    top: 36rpx;
    left: 36rpx;
}
.payPop .payListBox #paypwd {
    visibility: hidden;
}
.payPop .close_pay_pop image {
    display: block;
    width: 100%;
    height: 100%;
}
.payPop .payListBox li:not(.disabled_pay) .investMoney,
.payPop .payListBox li:not(.disabled_pay) .check-item-disabled {
    display: none;
}
.payPop .disabled_pay .investMoney {
    font-size: 30rpx;
    color: #f82c2c;
    font-weight: bold;
    display: block;
}
.payPop .payListBox li:not(.disabled_pay) .check-item-disabled {
    display: block;
}
.payPop .disabled_pay.check-item .check-item-right {
    display: none;
}
.payPop .disabled_pay.check-item .left_item {
    opacity: 0.6;
}
.payCancelMask {
    background: rgba(0, 0, 0, 0.3);
    display: none;
}
.payCancelPop {
    width: 620rpx;
    height: 330rpx;
    border-radius: 30rpx;
    box-shadow: 0 10rpx 50rpx 0 rgba(0, 0, 0, 0.06);
    z-index: 1000006;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -170rpx;
    background: #fff;
    transform-origin: center !important;
    opacity: 0;
    animation: popup 0.3s backwards;
    animation-delay: 0.1s;
    display: none;
}
.payCancelPop.showPop {
    display: block;
    opacity: 1;
}
.payCancelPop .h4 {
    font-size: 34rpx;
    color: #151515;
    font-weight: bold;
    text-align: center;
    padding-top: 44rpx;
    margin-bottom: 24rpx;
}
.payCancelPop .p {
    color: #97989c;
    font-size: 24rpx;
    margin: 0 66rpx 42rpx;
    text-align: center;
}
.payCancelPop .payBtns {
    display: flex;
    align-items: center;
    justify-content: center;
}
.payCancelPop .a {
    width: 230rpx;
    height: 76rpx;
    border-radius: 38rpx;
    text-align: center;
    font-size: 28rpx;
    color: #f6252f;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10rpx;
}
.payCancelPop .a.cancelPay {
    border: solid 1rpx #f6262e;
}
.payCancelPop .a.keepPay {
    background: linear-gradient(-90deg, #f6252f 0%, #ff4621 100%);
    color: #fff;
}

/* 密码支付弹窗 */
.payPwdPop {
    border-radius: 40rpx 40rpx 0 0;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    padding-bottom: env(safe-area-inset-bottom);
    transform: translateY(100%);
    transition: transform 0.3s;
}
.setPwdPop {
    min-height: 1040rpx;
}
.payPwdPop > .h4 {
    font-size: 48rpx;
    color: #212121;
    font-weight: bold;
    text-align: center;
    padding-top: 40rpx;
    pointer-events: none;
}
.payPwdPop .a.payBackBtn {
    display: block;
    width: 44rpx;
    height: 44rpx; /*background: url("../../static/pay/arr_back.png") no-repeat center/cover;*/
    position: absolute;
    left: 50rpx;
    top: 50rpx;
}
.payPwdPop .a.payBackBtn image {
    display: block;
    width: 100%;
    height: 100%;
}
.payPwdPop .payPwdBox {
    margin: 0 62rpx;
    margin-top: 80rpx;
}
.payPwdPop .payPwdBox .p {
    color: #151515;
    font-size: 26rpx;
    margin-bottom: 12rpx;
}
.payPwdPop .payPwdBox .payPwdInp .ul {
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: solid 1rpx #e2e2e2;
}
.payPwdPop .payPwdBox .payPwdInp .ul .li {
    width: 106rpx;
    height: 104rpx;
    border-right: solid 1rpx #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48rpx;
    color: #333;
    font-weight: bold;
}
.payPwdPop .payPwdBox .payPwdInp .ul .li:last-of-type {
    border: none;
}
.payPwdPop .payPwdBox .fpwtbox {
    text-align: right;
    font-size: 26rpx;
    margin-top: 10rpx;
}
.payPwdPop .payPwdBox .fpwtbox .a {
    color: #97989c;
}
.payPwdPop .payPwdBox .spwtbox {
    margin-top: 28rpx;
}
.payPwdPop .payPwdBox .spwtbox .p {
    color: #999;
    font-size: 22rpx;
    line-height: 30rpx;
}
.payPwdPop .setPwdUp {
    display: block;
    margin: 0 55rpx;
    line-height: 88rpx;
    border-radius: 44rpx;
    background: linear-gradient(-90deg, #f6252f 0%, #ff4621 100%);
    color: #fff;
    font-weight: bold;
    font-size: 32rpx;
    text-align: center;
    margin-top: 40rpx;
}
.num_keyboard {
    height: 398rpx;
    background-color: #eee;
    padding-top: 30rpx;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 100001;
    transition: transform 0.3s;
    transform: translateY(100%);
}
.payPwdPop.showPop .num_keyboard {
    transform: translateY(0%);
}
.num_ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 23rpx;
}
.num_ul .li {
    display: flex;
    font-size: 50rpx;
    color: #333;
    align-items: center;
    justify-content: center;
    width: 229rpx;
    height: 88rpx;
    border-radius: 10rpx;
    background-color: #fff;
    margin-bottom: 9rpx;
    box-shadow: 0 2rpx 0 0 rgba(109, 109, 109, 0.14);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.num_ul .li.nobg {
    background: none;
    box-shadow: none;
}
.num_ul .li:active {
    background-color: #ccc !important;
}
/* .num_ul li.del{background: url("../../static/pay/del_num.png") no-repeat center/60rpx;} */
.num_ul .li.del.nobg image {
    display: block;
    width: 60rpx;
    height: 60rpx;
    object-fit: cover;
}
.payLoading {
    display: block;
    width: 110rpx;
    height: 110rpx;
    border-radius: 30rpx;
    background: rgba(0, 0, 0, 0.9);
    background-size: 50rpx;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    z-index: 100001;
}
.payLoading::before {
    content: ''; /*background: url("../../static/login/loading.png") no-repeat center;*/
    background-size: 50rpx;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    animation: rotate_ 1s infinite linear;
}
.payBeforeLoading {
    display: none;
    width: 110rpx;
    height: 110rpx;
    border-radius: 30rpx;
    background: rgba(0, 0, 0, 0.9);
    background-size: 50rpx;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    z-index: 999999999;
}
.payBeforeLoading::before {
    content: ''; /*bbackground: url("../../static/images/loading.png") no-repeat center;*/
    background-size: 50rpx;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    animation: rotate_ 1s infinite linear;
}

.inputBox {
    position: fixed;
    top: -100%;
    left: -100%;
    opacity: 0;
    z-index: -1;
}
.keyInp {
}

.keyboard.showKeyBoard{transform: translateY(0);}
.keyboard{height: 398rpx;background-color: #eee;padding-top: 30rpx;transition: all .3s;transform: translateY(100%);}
.keyboard view{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
margin: 0 23rpx;}
.keyboard view text{display: flex;font-size: 50rpx;color: #333;align-items: center;justify-content: center;width: 229rpx;height: 88rpx;border-radius: 10rpx;background-color: #fff;margin-bottom: 9rpx;box-shadow: 0 2rpx 0 0 hsl(0deg 0% 43% / 14%);-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.keyboard view text:active{background-color: #ccc;}
.keyboard view .none{opacity: 0;}
.keyboard view .backSpace{background-color: transparent !important;box-shadow: none;}
/* ----------------------------------------------
 * Generated by Animista on 2022-7-29 16:57:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px);
        transform: translateZ(-1400px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px);
        transform: translateZ(-1400px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
